<!-- Navigation -->
<nav aria-label="Navigation">
  {% set home = repo_url | default("/", true) %}

  <!-- Project information -->
  <a href="{{ home }}" class="project">

    <!-- Name and logo -->
    <div class="banner">

      <!-- Version -->
      {% if config.extra.logo %}
        <div class="logo">
          <img src="{{ base_url }}/{{ config.extra.logo }}" />
        </div>
      {% endif %}

      <!-- Project name and verison -->
      <div class="name">
        <strong>
          {{ site_name }}
          <span class="version">
            {{ config.extra.version }}
          </span>
        </strong>

        <!-- Project repository name -->
        {% if repo_id %}
          <br />
          {{ repo_id }}
        {% endif %}
      </div>
    </div>
  </a>

  <!-- Repository and table of contents -->
  <div class="scrollable">
    <div class="wrapper">

      <!-- Repository -->
      {% if repo_name == "GitHub" and repo_url %}
        <ul class="repo">
          <li class="repo-download">
            {% set version = config.extra.version | default("master") %}
            <a href="{{ home }}" target="_blank"
              title="GitHub" data-action="GitHub">
              <i class="icon icon-github"></i> GitHub
            </a>
          </li>
          <li class="repo-stars">
            <a href="{{ repo_url }}/stargazers" target="_blank"
              title="Stargazers" data-action="star">
              <i class="icon icon-star"></i> Stars
              <span class="count">&ndash;</span>
            </a>
          </li>
        </ul>
        <hr />
      {% endif %}

      <!-- Table of contents -->
      <div class="toc">
        <ul>
          {% for nav_item in nav %}
            {% include "nav.html" %}
          {% endfor %}
        </ul>

        <!-- Author-related links -->
        {% if config.extra.author %}
          <hr />
          <span class="section">The author</span>
          <ul>

            <!-- Twitter -->
            {% if config.extra.author.twitter %}
              {% set author = config.extra.author.twitter %}
              <li>
                <a href="https://twitter.com/{{ author }}" target="_blank"
                  title="@{{ author }} on Twitter">
                  @{{ author }} on Twitter
                </a>
              </li>
            {% endif %}

            <!-- GitHub -->
            {% if config.extra.author.github %}
              {% set author = config.extra.author.github %}
              <li>
                <a href="https://github.com/{{ author }}" target="_blank"
                  title="@{{ author }} on GitHub">
                  @{{ author }} on GitHub
                </a>
              </li>
            {% endif %}
          </ul>
        {% endif %}
      </div>
    </div>
  </div>
</nav>